<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <link rel="shortcut icon" href="{{ url_for("static", filename="images/favicon.ico") }}"/>
        <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
        <link rel="stylesheet" href="{{ url_for("static", filename = "AdminLTE/bower_components/bootstrap/dist/css/bootstrap.min.css") }}">
        <link rel="stylesheet" href="{{ url_for("static", filename = "AdminLTE/bower_components/font-awesome/css/font-awesome.min.css") }}">
        <link rel="stylesheet" href="{{ url_for("static", filename = "AdminLTE/bower_components/Ionicons/css/ionicons.min.css") }}">
        <link rel="stylesheet" href="{{ url_for("static", filename = "AdminLTE/dist/css/AdminLTE.min.css") }}">
        <link rel="stylesheet" href="{{ url_for("static", filename = "AdminLTE/dist/css/skins/skin-blue-light.min.css") }}">
        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
    </head>
    <body style="background-color: #f8f8ff;">
        {% if comments %}
            {% for comment in comments %}
                <div class="box box-default">
                    <div class="box-header with-border"><span>{{ comment.user }}:</span><span style="float: right">{{ comment.time }}</span></div>
                    <div class="box-body table-responsive">{{ comment.content }}</div>
                    <div class="box-footer clearfix">#{{ comment.id }}</div>
                </div>
            {% endfor %}
            <div class="box-footer clearfix">
                <ul class="pagination pagination-sm no-margin">
                    {% if button[0] %}
                        <li><a href="{{ button[0] }}">←上页</a></li>
                    {% endif %}
                    {% if button[1] %}
                        <li><a href="{{ button[1] }}">下页→</a></li>
                    {% endif %}
                </ul>
            </div>
        {% else %}
            <h3>暂无评论</h3>
        {% endif %}
    </body>
</html>